import { createApp } from 'vue'
import '@/style.css'
import App from '@/App.vue'

// 导入 element-plus 及样式
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

// 全局配置国际化的配置
// @ts-expect-error忽略当前文件ts类型的检测否则有红色提示(打包会失败)
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

// 引入注册阿里图标库
import 'virtual:svg-icons-register'

// 引入自定义插件对象:注册整个项目全局组件
import GlobalComponents from '@/components/GlobalComponents'

// 引入 scss 全局样式
import '@/styles/style.scss'

// 注册路由
import router from './router/router'

// 引入 pinia 大仓库
import pinia from '@/store/store'

// 引入路由鉴权 ts 文件
import '@/permission'
// 获取应用实例对象
const app = createApp(App)
// 将 element-plus 安装为插件
app.use(ElementPlus, {
  locale: zhCn, //element-plus国际化配置
})
// 测试当前的环境（开发，生产，测试）
// console.log(import.meta.env)

//安装自定义插件
app.use(GlobalComponents)
// 安装路由插件
app.use(router)
// 安装 pinia 插件
app.use(pinia)
// 将应用挂载到挂载点上
app.mount('#app')
